<template>
	<div class="skin-black fixed siddebar-mini">
		<div class="wrapper">
			<header class="main-header">
				<a href="/" class="logo">
					<span class="logo-mini"><b>SFN</b></span>
					<span class="logo-lg">
					<img src="../../assets/logosimple.png">
				</span>
				</a>
				<nav class="navbar navbar-static-top">
					<a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-star"></span>
						<span class="icon-user"></span>
					</a>
					<router-link to="/vip" class="user-center-link">会员中心</router-link>
					<div class="navbar-custom-menu">
						<ul class="nav navbar-nav">
							<li>
								<router-link to="/help"><i class="fa fa-book"></i> 帮助与文档</router-link>
							</li>
							<li>
								<router-link to="/record"><i class="fa fa-star"></i> 备案</router-link>
							</li>
							<li class="dropdown user user-menu">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">
									<img src="../../assets/photo.png" class="user-image" alt="User Image">
									<span class="hidden-xs">sanfront</span>
								</a>
								<ul class="dropdown-menu">
									<li class="user-header">
										<img src="../../assets/photo.png" class="img-circle" alt="User Image">
										<p>
											sanfront<small>2015年注册</small>
										</p>
									</li>
									<li class="user-body">
										<div class="row">
											<div class="col-xs-6 text-center">
												<a href="#">产品续费</a>
											</div>
											<div class="col-xs-6 text-center">
												<a href="#">未支付订单</a>
											</div>
										</div>

									</li>
									<li class="user-footer">
										<router-link to="/" class="btn btn-default btn-flat btn-block">退出</router-link>
									</li>
								</ul>
							</li>
						</ul>
					</div>
				</nav>
			</header>
			<!-- =============================================== -->
			<aside class="main-sidebar">
				<div class="slimScrollDiv" style="position: relative; overflow: hidden; width: auto; height: 719px;">
					<section class="sidebar" style="height: 719px; overflow: hidden; width: auto;">
						<ul class="sidebar-menu">
							<li class="header">产品与服务</li>
							<li class="treeview">
								<a href="#">
									<i class="fa fa-dashboard"></i> <span>域名</span><span class="pull-right-container"><i class="fa fa-angle-right pull-right"></i></span>
								</a>
								<ul class="treeview-menu">
									<li>
										<router-link to="/domainlist"><i class="fa fa-circle-o"></i> 域名列表</router-link>
									</li>
									<li>
										<router-link to="/template"><i class="fa fa-circle-o"></i> 信息模板</router-link>
									</li>
									<li>
										<a href="javascript:void(0)" onclick="alert('本功能升级中,将于本月内上线.')"><i class="fa fa-circle-o"></i> 操作记录</a>
									</li>
								</ul>
							</li>
							<li class="treeview">
								<a href="#">
									<i class="fa fa-files-o"></i><span>增值服务</span><span class="pull-right-container"><i class="fa fa-angle-right pull-right"></i></span>
								</a>
								<ul class="treeview-menu">
									<li>
										<a href="javascript:void(0)" onclick="alert('本功能升级中,将于本月内上线.')"><i class="fa fa-circle-o"></i> 云解析</a>
									</li>
									<li>
										<router-link to="/domainlock"><i class="fa fa-circle-o"></i> 域名锁</router-link>
									</li>
									<li>
										<a href="javascript:void(0)" onclick="alert('本功能升级中,将于本月内上线.')"><i class="fa fa-circle-o"></i> 操作记录</a>
									</li>
								</ul>
							</li>
							<li class="treeview">
								<a href="#">
									<i class="fa fa-files-o"></i><span>IDC</span><span class="pull-right-container"><i class="fa fa-angle-right pull-right"></i></span>
								</a>
								<ul class="treeview-menu">
									<li>
										<router-link to="/service"><i class="fa fa-circle-o"></i> 爱国云服务器</router-link>
									</li>
									<li>
										<a href="/index.php?c=all&amp;a=listVirtualHost"> </a>
										<router-link to="/space"><i class="fa fa-circle-o"></i>爱国云空间</router-link>
									</li>
									<li>
										<a href="javascript:void(0)" onclick="alert('本功能升级中,将于本月内上线.')"><i class="fa fa-circle-o"></i> 操作记录</a>
									</li>
								</ul>
							</li>
							<li class="treeview">
								<a href="#">
									<i class="fa fa-files-o"></i><span>企业邮箱</span><span class="pull-right-container"><i class="fa fa-angle-right pull-right"></i></span>
								</a>
								<ul class="treeview-menu">
									<li>
										<router-link to="/emaillist"><i class="fa fa-circle-o"></i> 邮箱列表</router-link>
									</li>
									<li>
										<a href="javascript:void(0)" onclick="alert('本功能升级中,将于本月内上线.')"><i class="fa fa-circle-o"></i> 操作记录</a>
									</li>
								</ul>
							</li>
							<li class="treeview">
								<a href="#">
									<i class="fa fa-files-o"></i><span>网络安全与认证</span><span class="pull-right-container"><i class="fa fa-angle-right pull-right"></i></span>
								</a>
								<ul class="treeview-menu">
									<li>
										<router-link to="/ca"><i class="fa fa-circle-o"></i> CA服务器证书</router-link>
									</li>
									<li>
										<router-link to="/safeunion"><i class="fa fa-circle-o"></i> 安全联盟认证</router-link>
									</li>
									<li>
										<router-link to="/trustwebsite"><i class="fa fa-circle-o"></i> 可信网站认证</router-link>
									</li>
									<li>
										<router-link to="/sinceritywebsite"><i class="fa fa-circle-o"></i> 诚信网站认证</router-link>
									</li>
									<li>
										<a href="javascript:void(0)" onclick="alert('本功能升级中,将于本月内上线.')"><i class="fa fa-circle-o"></i> 操作记录</a>
									</li>
								</ul>
							</li>
							<li class="header">用户中心</li>
							<li class="treeview">
								<a href="#">
									<i class="fa fa-laptop"></i>
									<span>账号管理</span>
									<span class="pull-right-container">
										<i class="fa fa-angle-right pull-right"></i>
									</span>
								</a>
								<ul class="treeview-menu">
									<li>
										<router-link to="/security"><i class="fa fa-circle-o"></i> 安全设置</router-link>
									</li>
									<li>
										<router-link to="/basicdata"><i class="fa fa-circle-o"></i> 基本资料</router-link>
									</li>
								</ul>
							</li>
							<li class="treeview">
								<a href="#">
									<i class="fa fa-laptop"></i>
									<span>费用中心</span>
									<span class="pull-right-container">
										<i class="fa fa-angle-right pull-right"></i>
									</span>
								</a>
								<ul class="treeview-menu">
									<li>
										<router-link to="/overview"><i class="fa fa-circle-o"></i> 账户总览</router-link>
									</li>
									<li>
										<router-link to="/order"><i class="fa fa-circle-o"></i> 订单管理</router-link>
									</li>
									<li>
										<router-link to="/invoice"><i class="fa fa-circle-o"></i> 发票管理</router-link>
									</li>
								</ul>
							</li>
							<li class="treeview">
								<a href="#">
									<i class="fa fa-laptop"></i>
									<span>续费管理</span>
									<span class="pull-right-container">
										<i class="fa fa-angle-right pull-right"></i>
									</span>
								</a>
								<ul class="treeview-menu">
									<li>
										<a href="javascript:void(0)" onclick="alert('本功能升级中,将于本月内上线.')"><i class="fa fa-circle-o"></i> 域名</a>
									</li>
									<li>
										<a href="javascript:void(0)" onclick="alert('本功能升级中,将于本月内上线.')"><i class="fa fa-circle-o"></i> 增值服务</a>
									</li>
								</ul>
							</li>
							<li class="treeview">
								<a href="#">
									<i class="fa fa-laptop"></i>
									<span>消息中心</span>
									<span class="pull-right-container">
										<i class="fa fa-angle-right pull-right"></i>
									</span>
								</a>
								<ul class="treeview-menu">
									<li>
										<router-link to="/allmessage"><i class="fa fa-circle-o"></i> 全部消息</router-link>
									</li>
									<li>
										<router-link to="/noread"><i class="fa fa-circle-o"></i> 未读消息</router-link>
									</li>
									<li>
										<router-link to="/alreadyread"><i class="fa fa-circle-o"></i> 已读消息</router-link>
									</li>
									<li>
										<router-link to="/manager"><i class="fa fa-circle-o"></i> 消息接收管理</router-link>
									</li>
								</ul>
							</li>
						</ul>
					</section>
					<div class="slimScrollBar" style="background: rgba(0, 0, 0, 0.2); width: 3px; position: absolute; top: 0px; opacity: 0.4; display: none; border-radius: 7px; z-index: 99; right: 1px; height: 512px;"></div>
					<div class="slimScrollRail" style="width: 3px; height: 100%; position: absolute; top: 0px; display: none; border-radius: 7px; background: rgb(51, 51, 51); opacity: 0.2; z-index: 90; right: 1px;"></div>
				</div>
			</aside>
			<div class="content-wrapper" style="min-height: 730px;">
				<section class="content">
					<div class="row">
						<!--中间部分-->
						<router-view/>
					</div>
				</section>
			</div>
			<!--共同尾部-->
			<footer class="main-footer text-center">
				Copyright©2000 - 2016 中科三方 版权所有 &nbsp; 京公网安备100108008378号 &nbsp; 京ICP证030615号;
			</footer>
		</div>
	</div>
</template>

<script>
</script>

<style>
	li.header {
		height: 37px;
		border-bottom: 0px;
	}
</style>